footer.footer {
  padding: 40px 0 30px 0;
  font-size: .9rem;
  line-height: 25px;
  color: #444;
  background-color: $dark-blue;
  .container {
    padding: 0 10vw;
    color: #fff;
  }
  .left-cont {
    text-align: left;
  }
  .email-list {
    a {
      color: $color-brown;
    }
  }
  .icp {
    margin-top: 5px;
    margin-bottom: 3px;
  }
  $icon-size: 32px;
  .icon {
    margin: 0 5px;
    position: relative;
    &:after {
      content: '';
      opacity: 1;
      display: inline-block;
      width: $icon-size;
      height: $icon-size;
      background: image_url('innoawards/social-icon.png') 0 0 no-repeat;
      background-size: ($icon-size*3) $icon-size;
      transition: all .3s;
    }
    &.wechat:after {
      background-position: -$icon-size 0;
    }
    &.weibo:after {
      background-position: -$icon-size*2 0;
    }
    &:hover:after {
      opacity: .7;
    }
  }
  .social {
    float: right;
    margin-top: 20px;
  }
  .wechat-qr {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translate(-50%, -80%) scale(0);
    margin-left: $icon-size/2;
    width: 140px;
    height: 140px;
    background: image_url('geekpark-wechat-qr.jpg') 0 0 no-repeat;
    background-size: 100% 100%;
    border: 1px solid #cecece;
    z-index: 3;
    transition: all .3s;
    @include zIndexShadow(1);
  }
  .icon.wechat:hover {
    .wechat-qr {
      transform: translate(-50%, -120%) scale(1);
      opacity: 1;
    }
  }
  @include mobile {
    .container {
      text-align: center;
    }
    .left-cont {
      text-align: center;
    }
  }
}
